.popoverContent {
  transform-origin: var(--radix-popover-content-transform-origin);
  width: 300px;
  background-color: var(--gray-1);
  z-index: 1000;
  border: 1px solid var(--gray-6);
  border-radius: var(--radius-3);
}

.popoverContent[data-state="open"] {
  animation: slideIn 200ms ease-out;
}

.popoverContent[data-state="closed"] {
  animation: slideOut 200ms ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.96);
  }
}
